<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue表单绑定</title>
    <script src="../vue.js"></script>
</head>
<body>
    <div id="app">
        <input type="text" v-model="content">
        <select name="" id="" v-model="content">
            <option value="1">---请选择--</option>
            <option value="2"></option>
            <option value="3"></option>
        </select>

        <!-- 修饰符
            lazy
            number
            trim
        -->
        <input type="text" v-model.lazy="content">
        <input type="text" v-model.number="content">
        <input type="text" v-model.trim="content">
    </div>
    <script>
        //原生
       // var dom = document.getById('app');
       // dom.innerHtml = 'hello word';
       var app = new Vue({
           el:"#app",
           data:{
               content:'hello word'
           },
           watch:{
               value:function(){
                   console.log(typeof this.value);
               }
           }
       });
       setTimeout(function() {
            app.$data.content = 'bye world';
       },2000)

    </script>
</body>
</html>